.ShopDetails {
    min-height: 100vh;
    background: #fafbfc;
    padding-bottom: 100px;
    .details_logo {
        height: 400px;
        background: #000;
    }
    .tab_box {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 2;
        border-top: 1px solid #dadada;
        background: #fafbfc;
        box-shadow: 0 8px 6px -6px #dadada;
        box-sizing: border-box;
        & > div:nth-child(1) {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20vw;
            height: 90px;
            p {
                font-size: 35px;
                font-weight: bold;
            }
            p.active {
                color: #1677ff;
                transition: all 0.2s ease-out;
            }
            span {
                position: absolute;
                bottom: 10px;
                left: 22vw;
                display: inline-block;
                width: 100px;
                height: 6px;
                border-radius: 10px;
                background: #1677ff;
                transition: all 0.2s ease-out;
            }
            span.active {
                left: 64vw;
            }
        }
        & > div:nth-child(2) {
            height: 60px;
            .adm-button {
                margin-left: 10px;
            }
        }
    }
    .ShopDetails_list {
        .ShopDetails_item {
            padding: 10px 0;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            .adm-tag {
                margin-right: 10px;
            }
            .green {
                background: #28a745;
            }
            .yellow {
                background: #ffc107;
            }
            .red {
                background: #dc3545;
            }
            p {
                font-family: '黑体';
                &:nth-of-type(1) {
                    font-size: 30px;
                    flex: 1;
                }
                &:nth-of-type(2) {
                    font-size: 25px;
                }
            }
        }
        .ShopDetails_list_p {
            display: flex;
            align-items: center;
            font-family: '黑体';
            color: #000;
            p {
                font-family: '黑体';
                color: #000;
            }
            span {
                font-weight: 400;
            }
        }
    }
    .ShopDetails_info {
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #e9e9e9;
        p {
            font-size: 32px;
            span {
                font-size: 28px;
                color: #5e5e5e;
            }
        }
        p + p {
            margin-top: 10px;
        }
        .ShopDetails_info_btns {
            margin-top: 20px;
            .adm-button {
                margin-right: 20px;
            }
        }
    }
    .ShopDetails_images {
        padding: 0 20px 20px;
        box-sizing: border-box;
        .ShopDetails_images_head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            p {
                margin: 20px 0;
                font-size: 30px;
            }
        }
        .ShopDetails_images_box {
            position: relative;
            .ShopDetails_images_mask {
                font-size: 30px;
                color: #fff;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba($color: #000000, $alpha: 0.8);
                span {
                    margin: 10px;
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    border: 4px solid #1677ff;
                    border-radius: 50%;
                }
                span.active {
                    background: #1677ff;
                }
            }
        }
    }
    .ShopDetails_btn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        box-shadow: 0 -8px 6px -6px #bdbdbd;
        background: #fafbfc;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        .adm-button {
            width: 95%;
        }
    }
}
.upload_images {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    height: 100%;
    .adm-button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        width: 60%;
        transform: translateX(-50%);
    }
}
.ShopDetails_item_btn {
    margin-right: 20px;
    margin-bottom: 20px;
}
